<template>
	<!-- @markertap 是点击地图上的标记点时 触发打开地图。
	@tap 是点击地图整体的时候 触发打开地图。 -->
	<view class="ditu">
		<map style="width:100vw;height:100vh;" :latitude="latitude" :longitude="longitude" :scale="scale"
			:markers="marker" @markertap="toMap()">
		</map>
	</view>
</template>

<script>
	export default {
		components: {

		},
		data() {
			return {
				latitude: '', //纬度
				longitude: '', //经度
				marker: [{
					id: 0,
					latitude: '24.696487', //纬度
					longitude: '102.772162', //经度
					title: '测试', //标注点名
					alpha: 1, //透明度
				}],
				scale: 14, //地图缩放程度
				address: ''
			}
		},
		onLoad(option) {
			if (option.param) {
				let params = JSON.parse(decodeURIComponent(option.param));
				let mapInfo = params.data;
				this.latitude = Number(mapInfo.collectLat);
				this.longitude = Number(mapInfo.collectLng);
				this.address = mapInfo.collectAddress;
				this.marker[0].latitude = Number(mapInfo.collectLat);
				this.marker[0].longitude = Number(mapInfo.collectLng);
				this.marker[0].title = mapInfo.collectAddress;
			}

		},
		methods: {
			toMap() {
				uni.openLocation({
					latitude: this.latitude, //要去的纬度
					longitude: this.longitude, //要去的经度 
					address: this.address, //要去的具体地址 
				})
			},
		}
	}
</script>